<template>
  <div class="m-invite-wrap mi-mask">
    <div class="m-want-head">
      <p>请出示二维码，被邀请人扫描即可加入恋链。</p>
    </div>
    <div class="ewm-img">
      <qrcode :value="qrimg" type="img"></qrcode>
    </div>
    <div class="btn-large mt64 mb50" @click="showMenuItems()">更多邀请方式</div>
    <!--订单分享start-->
    <mt-popup
      v-model="popupVisible"
      position="right" class="share-warp cf">
      <img src="~images/bg/arrow.png">
      <p class="tips">点击右上角进行分享</p>
    </mt-popup>
    <!--订单分享end-->
  </div>
</template>
<script>
export default {
  data: function() {
    return {
      qrimg:'',
      html: '',
      popupVisible: false,
      link: '',
    };
  },
  methods: {
    getData: function() {
      if(localStorage.userinfo){
        var userinfo = JSON.parse(localStorage.userinfo),
            url = location.href;
        url = url.substr(0, url.indexOf(location.hash));
        var codelist = url + '#/invite3?id=' + userinfo.StaffID + '&role=' + this.$route.query.role;
        this.qrimg = codelist;
        this.link = codelist;
      }
    },
    onMenuShareAppMessage: function() {
      var self = this;
      var url = location.href;
      url = url.substr(0, url.indexOf(location.hash)) + 'images/icon/share1.png';
      jWeixin.onMenuShareAppMessage({
          title: '邀请开通恋链', // 分享标题
          desc: '恋链是一个工作圈，建立起销售和物流的联系。涵盖： 销售业务，市场推广，仓储业务，配送业务，终端业务，三方业务，金融业务，租赁业务，保险业务，验证服务', // 分享描述
          link: self.link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
          imgUrl: url, // 分享图标
          type: '', // 分享类型,music、video或link，不填默认为link
          dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
          success: function() {
            // 用户确认分享后执行的回调函数
            self.$route.router.go({ path: '/invite2' });
          },
          cancel: function() {
            self.$route.router.go({ path: '/invite2' });
          }
      });
    },
    onMenuShareQQ: function() {
      jWeixin.onMenuShareQQ({
          title: '邀请开通恋链', // 分享标题
          desc: '恋链是一个工作圈，建立起销售和物流的联系。涵盖： 销售业务，市场推广，仓储业务，配送业务，终端业务，三方业务，金融业务，租赁业务，保险业务，验证服务', // 分享描述
          link: this.link, // 分享链接
          imgUrl: '', // 分享图标
          success: function() {
            self.$route.router.go({ path: '/invite2' });
          },
          cancel: function() {
            self.$route.router.go({ path: '/invite2' });
          }
      });
    },
    showMenuItems: function() {
      this.popupVisible = true;
      jWeixin.showOptionMenu();
      this.onMenuShareAppMessage();
      this.onMenuShareQQ();
    }
  },
  mounted() {
    document.title = '邀请开通恋链';
    this.getData();
    // setWxConfig();
  }
};
</script>
